<?xml version="1.0" encoding="UTF-8"?>
<ui:composition 
	xmlns:c="http://java.sun.com/jsp/jstl/core" 
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html" 
	xmlns:aui="http://liferay.com/faces/aui"
	xmlns:ace="http://www.icefaces.org/icefaces/components"
	xmlns:ui="http://java.sun.com/jsf/facelets"
>

	<ace:dialog id="participarDialog" header="Participar Encuesta: "
		widgetVar="participarDialog" closable="true" modal="true"
		draggable="false" showEffect="clip" hideEffect="fade" width="800">

		<h:form id="inputForm2">
			<h:panelGrid columns="2">
				
				<h:outputText value="Encuesta:" />
				#{listaEncuesta2MB.selectedEncuesta.idEncuesta}
				
				<h:outputText value="Empresa:" /> 
				#{listaEncuesta2MB.selectedEncuesta.empresa}
			
				<h:outputText value="Objetivo:" /> 
				#{listaEncuesta2MB.selectedEncuesta.objetivo}
			
				<h:outputText value="Fecha Ini:" /> 
				#{listaEncuesta2MB.selectedEncuesta.fechaInicio}
			
				<h:outputText value="Fecha Fin: " />
				#{listaEncuesta2MB.selectedEncuesta.fechaFin}												
			</h:panelGrid>
			
			<h:dataTable value="#{listaEncuesta2MB.selectedEncuesta.preguntas}" var="pregunta">
					<h:column>
					        <h:outputText value="Pregunta" />
					</h:column>
					<h:column>
					        <h:outputText value="#{pregunta.pregunta}" />
					</h:column>
					<h:column>
					        <h:inputText value="#{listaEncuesta2MB.participacion.respuestas[pregunta.idPregunta]}" rendered="#{pregunta.tipo == 'TEXT'}" />
					        
					        <h:inputSecret value="#{listaEncuesta2MB.participacion.respuestas[pregunta.idPregunta]}" rendered="#{pregunta.tipo == 'SECRET'}" />
					        <h:inputTextarea value="#{listaEncuesta2MB.participacion.respuestas[pregunta.idPregunta]}"  rendered="#{pregunta.tipo == 'TEXTAREA'}" />
					        <h:selectOneRadio value="#{listaEncuesta2MB.participacion.respuestas[pregunta.idPregunta]}"  rendered="#{pregunta.tipo == 'RADIO'}">
					            <f:selectItems value="#{pregunta.opcionesArr}" />
					        </h:selectOneRadio>
					        <h:selectOneMenu value="#{listaEncuesta2MB.participacion.respuestas[pregunta.idPregunta]}"  rendered="#{pregunta.tipo == 'SELECTONE'}">
				            	<f:selectItems value="#{pregunta.opcionesArr}" />
					        </h:selectOneMenu>
					        <h:selectManyListbox value="#{listaEncuesta2MB.participacion.respuestas[pregunta.idPregunta]}"   rendered="#{pregunta.tipo == 'SELECTMANY'}">
								<f:selectItems value="#{pregunta.opcionesArr}" />				            
					        </h:selectManyListbox>
					        <h:selectBooleanCheckbox value="#{listaEncuesta2MB.participacion.respuestas[pregunta.idPregunta]}"  rendered="#{pregunta.tipo == 'CHECKONE'}" />
					        <h:selectManyCheckbox value="#{listaEncuesta2MB.participacion.respuestas[pregunta.idPregunta]}"  rendered="#{pregunta.tipo == 'CHECKMANY'}">
								<f:selectItems value="#{pregunta.opcionesArr}" />
					        </h:selectManyCheckbox>
					        
					</h:column>
					<h:column>
					        <h:outputText value="#{pregunta.opciones}" />
					</h:column>
			</h:dataTable>
			<h:commandButton value="Enviar" action="#{listaEncuesta2MB.enviar(listaEncuesta2MB.selectedEncuesta.idEncuesta)}"  /><h:button value="Cancelar"/>
		</h:form>
	</ace:dialog>

</ui:composition>